﻿<!DOCTYPE html>
<html ng-app="app" ng-controller="MainCtrl">
<head>
    <!----------------------------------- Icon   ---------------------------------->
    <!-- Icon -->
    <link rel="icon" href="/res/com/img/icon.ico" />
    <!----------------------------------- Meta Tag -------------------------------->
    <!-- Meta Tag -->
    <meta name="fragment" content="!" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!----------------------------------- Common ---------------------------------->
    <!-- jQuery -->
    <script type="text/javascript" src="/res/com/jss/jquery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- Resource -->
    <script type="text/javascript" src="/cts/i18n/messages.js"></script>
    <script type="text/javascript" src="/cts/i18n/names.js"></script>
    <script type="text/javascript" src="/res/com/jss/i18n/messages.js"></script>
    <script type="text/javascript" src="/res/com/jss/i18n/names.js"></script>
    <!-- Bootstrap -->
    <script type="text/javascript" src="/res/com/jss/bootstrap/bootstrap.min.js"></script>
    <!-- AngularJS -->
    <script type="text/javascript" src="/res/com/jss/angular/angular.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-route.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-animate.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-resource.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-touch.min.js"></script>
    <!-- Extend jQuery -->
    <script type="text/javascript" src="/res/com/jss/jquery/ext/jquery-dataTables.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/jquery/ext/tinymce/tinymce.min.js"></script>
    <!-- Extend Bootstrap -->
    <!-- Extend AngularJS -->
    <script type="text/javascript" src="/res/com/jss/angular/ext/ui-utils.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-datatables.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-tree-control.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-google-maps.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/tinymce.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/ui-bootstrap-tpls-0.12.0.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-strap.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-strap.tpl.min.js"></script>
    <!-- Utils -->
    <script type="text/javascript" src="/res/com/jss/utils/lodash.min.js"></script>
    <!-- CTS -->
    <script type="text/javascript" src="/cts/cts.js"></script>
    <script type="text/javascript" src="/cts/cts-helper.js"></script>
    <!-- Customize (AngularJS, CTS) -->
    <script type="text/javascript" src="/res/com/jss/com-angular.js"></script>
    <script type="text/javascript" src="/res/com/jss/com-cts.js"></script>
    <!----------------------------------- Client ---------------------------------->
    <!-- Extend jQuery -->
    <script type="text/javascript" src="/res/cln/jss/jquery/jquery-flexslider.min.js"></script>
    <script type="text/javascript" src="/res/cln/jss/jquery/jquery-colorbox.min.js"></script>
    <script type="text/javascript" src="/res/cln/jss/jquery/jquery-slick.min.js"></script>
    <!-- Config -->
    <script type="text/javascript" src="/res/cln/jss/cts.configs.js"></script>
    <!-- For IE -->
    <!--[if IE]>
        <script src="/res/cln/jss/html5.js"></script>
        <script src="/res/cln/jss/PIE.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="/res/cln/jss/html5shiv.min.js"></script>
        <script src="/res/cln/jss/respond.min.js"></script>
    <![endif]-->
    <!----------------------------------- Private --------------------------------->
    <script src='//maps.googleapis.com/maps/api/js?sensor=false&language=vi'></script>
    <!-- Controllers -->
    <script type="text/javascript" src="/res/cln/jss/controllers/main.js"></script>
    <script type="text/javascript" src="/res/cln/jss/controllers/index.js"></script>
    <script type="text/javascript" src="/res/cln/jss/controllers/about.js"></script>
    <script type="text/javascript" src="/res/cln/jss/controllers/items-list.js"></script>
    <script type="text/javascript" src="/res/cln/jss/controllers/items-detail.js"></script>
    <script type="text/javascript" src="/res/cln/jss/controllers/gallery.js"></script>
    <script type="text/javascript" src="/res/cln/jss/controllers/contact.js"></script>
    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="/res/cln/css/base.css" />
    <!----------------------------------- Title ----------------------------------->
    <title>{{strings.Title}}</title>
</head>
<body>
    <div id="container">
        <div class="wrapper panel-group">
            <div id="header" class="panel panel-default">
                <div class="wrapper panel-body">
                    <div id="banner">
                        <div class="wrapper">
                            <img ng-src="{{data.BannerUrl}}_normal" />
                        </div>
                    </div>
                    <div id="mnTop" class="menu">
                        <div class="wrapper">
                            <ul>
                                <li ng-repeat="menu in data.ListTopMenus" ng-click="gotoPage(menu.Link)">
                                    <span ng-show="menu.MenuType != ''">
                                        <span class="{{menu.MenuType}} text-default"></span>&nbsp;&nbsp;
                                    </span>
                                    {{menu.MenuName}}
                                    <ul>
                                        <li ng-repeat="item in menu.Childs">
                                            <a href="{{item.Link}}">
                                                <span class="glyphicon glyphicon-link text-default"></span>&nbsp;&nbsp;
                                                {{item.MenuName}}
                                            </a>
                                            <ul>
                                                <li ng-repeat="sub in item.Childs">
                                                    <a href="{{sub.Link}}">
                                                        <span class="glyphicon glyphicon-link text-default"></span>&nbsp;&nbsp;
                                                        {{sub.MenuName}}
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="content" class="panel panel-default">
                <div class="wrapper panel-body">
                    <div id="leftContent" class="panel-group">
                        <div id="pnSearch" class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;
                                    <a data-toggle="collapse" href="javascript:#collapseSearch">
                                        <span>{{strings.Search}}</span>
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseSearch" class="panel-body collapse in">
                                <div class="input-group">
                                    <input ng-model="data.Keywords" ui-keypress="{'enter': 'search($event)'}" type="text" class="form-control" placeholder="{{strings.InputSearch}}" />
                                    <span class="input-group-btn">
                                        <button ng-click="search()" class="btn btn-default" type="button">
                                            <span class="glyphicon glyphicon-search"></span>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div id="pnCategories" class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <span class="glyphicon glyphicon-th-large"></span>&nbsp;&nbsp;
                                    <a data-toggle="collapse" href="javascript:#collapseCategories">
                                        <span>{{strings.Items}}</span>
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseCategories" class="panel-collapse collapse in">
                                <ul class="list-group">
                                    <li class="list-group-item" ng-repeat="item in data.ListLeftMenus">
                                        <span class="glyphicon glyphicon-link text-primary"></span>&nbsp;&nbsp;
                                        <a href="javascript:#pnCategories_{{item.MenuCd}}" data-toggle="collapse">
                                            <span>{{item.MenuName}}</span>
                                        </a>
                                        <span ng-show="data.ShowBadge" class="badge">{{item.ItemCount | number:0}}</span>
                                        <ul id="pnCategories_{{item.MenuCd}}" class="list-group collapse">
                                            <li class="list-group-item" ng-repeat="sub in item.Childs">
                                                <span class="glyphicon glyphicon-link text-primary"></span>&nbsp;&nbsp;
                                                <a href="{{sub.Link}}">
                                                    <span>{{sub.MenuName}}</span>
                                                </a>
                                                <span ng-show="data.ShowBadge" class="badge">{{sub.ItemCount  | number:0}}</span>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div ng-view="main" id="rightContent" class="panel-group" onload="loadViews()" />
                </div>
            </div>
        </div>
        <div id="footer" class="panel panel-default">
            <div class="wrapper panel-body">
                <div class="panel panel-default">
                    <div class="panel-body">
                        {{strings.Copyright}} | <a href="{{strings.HomeLink}}">{{strings.HomeText}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var $buoop = { c: 2 };
        function $buo_f() {
            var e = document.createElement("script");
            e.src = "http://browser-update.org/update.js";
            document.body.appendChild(e);
        };
        try { document.addEventListener("DOMContentLoaded", $buo_f, false); }
        catch (e) { window.attachEvent("onload", $buo_f); }
    </script>
</body>
</html>